.order-list-container {
	min-height: 100vh;
	background-color: #f5f6fa;
	
	/* 隐藏整个页面的滚动条 */
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
	}
	
	.search-section {
		padding: 20rpx 30rpx;
		background-color: #fff;
		
		.search-box {
			display: flex;
			align-items: center;
			background-color: #f5f6fa;
			padding: 15rpx 30rpx;
			border-radius: 40rpx;
			
			input {
				flex: 1;
				margin-left: 20rpx;
				font-size: 28rpx;
			}
		}
	}
	
	.status-tabs {
		display: flex;
		background-color: #fff;
		padding: 0 30rpx;
		border-bottom: 1rpx solid #eee;
		
		.tab-item {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 20rpx 0;
			font-size: 28rpx;
			color: #666;
			position: relative;
			
			.count {
				font-size: 24rpx;
				margin-left: 4rpx;
			}
			
			&.active {
				color: $mall-primary-100;
				font-weight: 500;
				
				&::after {
					content: '';
					position: absolute;
					bottom: 0;
					left: 50%;
					transform: translateX(-50%);
					width: 40rpx;
					height: 4rpx;
					background-color: $mall-primary-100;
					border-radius: 2rpx;
				}
			}
		}
	}
	
	.order-list {
		height: calc(100vh - 200rpx);
		padding: 20rpx 30rpx;
		box-sizing: border-box;
		position: relative;
		
		/* 隐藏scroll-view的滚动条 */
		&::-webkit-scrollbar {
			display: none;
			width: 0 !important;
			height: 0 !important;
			-webkit-appearance: none;
			background: transparent;
		}
		
		.empty-wrapper {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
		}
		
		:deep(.btn) {
			font-size: 26rpx;
			padding: 10rpx 30rpx;
			border-radius: 30rpx;
			background-color: $mall-primary-100;
			color: #fff;
		}
	}
}


// 按钮样式
.btn {
	font-size: 26rpx;
	padding: 10rpx 30rpx;
	border-radius: 30rpx;
	background-color: #2979ff;
	color: #fff;
}